<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    request.setAttribute("basePath", basePath);
%>
<!DOCTYPE>
<html>
<head>
    <title>发布APK</title>
    <%@ include file="/resources/js/easyui/taglibs.jsp" %>
    <%@ include file="/resources/js/easyui/_easyui.jsp" %>
    <%@ include file="/resources/js/easyui/_message.jsp" %>
    <%@ include file="/resources/js/easyui/_viewJS.jsp" %>
</head>

<body>

<div id="tb" style="padding:5px;height:auto;">
    <table>
        <tr>
            <td><label style="margin-left:5px">设备码:</label></td>
            <td>
                <input style="width:150px" id="code" class="easyui-textbox"/>
            </td>

            <td>
                <a href="javascript:;" style="margin-left: 10px;vertical-align:middle" class="easyui-linkbutton"
                   iconCls="icon-search" id="queryDataBtn">查询</a>
            </td>
        </tr>
    </table>

    <div id="button">
        <a href="javascript:void(0)" class="easyui-linkbutton" plain="true" iconCls="icon-add" id="addWinBtn">发布APP</a>
    </div>

</div>

<table id="dg"
       title="已发布APK"
       fitColumns="true"
       singleSelect="true"
       data-options="
       pageSize:10,
       toolbar:'#tb',
       pagination:true,
       collapsible:true,
       url:'${basePath}web/release/list.json',
       method:'GET'">
    <thead>

    <tr>
        <th data-options="field:'appinfoid',checkbox:true,width:10"></th>
        <th data-options="field:'version' ,width:50" align="center">版本号</th>
        <th data-options="field:'releaseurl' ,width:150" align="center" formatter="formatterDownload">下载地址</th>
        <th data-options="field:'changecontent' ,width:200" align="center">更新内容</th>
        <th data-options="field:'username' ,width:50" align="center">发布者</th>
        <th data-options="field:'updatetime' ,width:100" align="center" formatter="formatterTime">更新时间</th>
    </tr>

    </thead>
</table>

<!-- 添加窗体s -->
<div id="addWin" class="easyui-window" minimizable="false"
     collapsible="false" title="发布APP窗口"
     data-options="closed:true,modal:true,top:20"
     style="width:660px;height:526px;">
    <div id="addWinDetailTable" class="easyui-layout"
         data-options="fit:true">
        <div data-options="region:'center',border:false"></div>
        <div data-options="region:'south',border:false"
             style="text-align:center;padding:5px 5px 5px 0;background-color: #F5F5F5;border-top: solid 1px #E6E6E6;">
            <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'"
               href="javascript:void(0)" id="addSubBtn">提交</a> <a
                class="easyui-linkbutton" data-options="iconCls:'icon-cancel'"
                href="javascript:void(0)" id="closeAddWinBtn">关闭</a>
        </div>
    </div>
</div>
<!-- 添加窗体e -->

</body>

<script type="text/javascript">
    function View() {
        var that = this;

        that.events = [
            {sel: '#queryDataBtn', act: 'click', func: 'queryData'},
            {sel: '#addWinBtn', act: 'click', func: 'addWin'},
            {sel: '#addSubBtn', act: 'click', func: 'addSub'},
            {sel: '#closeAddWinBtn', act: 'click', func: 'closeAddWin'}
        ];

        that.$dataGrid = $('#dg');
        that.$addWin = $('#addWin');
        that.$addWinDetailTable = $("#addWinDetailTable");

        that.dataGridOption = {
            queryParams: {
                placeTypeName: function () {
                    return $('#placeTypeName').val();
                }
            }
        };

        $.extend(that.dataGridOption, ViewHelper.template.gridOption);

        that.$dataGrid.datagrid(that.dataGridOption);

        that.queryData = function () {
            that.$dataGrid.datagrid(that.dataGridOption);
        };


        that.addWin = function () {
            var url = "${basePath}web/release/addview";
            that.$addWinDetailTable.layout('panel', 'center').find('iframe')
                    .remove();
            that.$addWinDetailTable
                    .layout('panel', 'center')
                    .append(
                            "<iframe id='add_iframe' name='info_iframe' width='100%' height='100%' frameborder='0'  src='"
                            + url + "'></iframe>");
            that.$addWin.dialog('open');
        };

        that.addSub = function () {
            $("#add_iframe")[0].contentWindow.add();
        };

        that.closeAddWin = function (result) {
            if (result == 1) {
                $.fn.window.defaults.top = 50;
                $.messager.alert('提示', '保存成功!', 'info');
            } else if (result == 0) {
                $.fn.window.defaults.top = 50;
                $.messager.alert('提示', '保存失败!', 'error');
            }
            that.$dataGrid.datagrid('reload');
            that.$addWin.window('close');
        };

        EventHandler.call(that, that.events);

        return that;
    }

    var view;

    $(function () {
        inherit(View, EventHandler);
        view = new View();
    });

    function formatterTime(value, row, index) {
        var date = new Date(value);
        var year = date.getFullYear().toString();
        var month = (date.getMonth() + 1);
        var day = date.getDate().toString();
        var hour = date.getHours().toString();
        var minutes = date.getMinutes().toString();
        var seconds = date.getSeconds().toString();
        if (month < 10) {
            month = "0" + month;
        }
        if (day < 10) {
            day = "0" + day;
        }
        if (hour < 10) {
            hour = "0" + hour;
        }
        if (minutes < 10) {
            minutes = "0" + minutes;
        }
        if (seconds < 10) {
            seconds = "0" + seconds;
        }
        return year + "年" + month + "月" + day + "日 " + hour + ":" + minutes + ":" + seconds;
    }

    function formatterDownload(value, row, index){
        return "<a href='"+value+"'>"+value+"</a>"
    }


</script>

</html>